<?php use_stylesheet('bannerSlider.css') ?>
<?php use_helper('jQuery') ?>
<?php use_javascript('homeBannerSlider.js') ?>

       
                <!-- contents -->
                <script type="text/javascript">
                    $(".slider").jCarouselLite({
                        btnNext: ".next",
                        btnPrev: ".prev",
                        visible: 1,
                        start: 0,
                        auto: 5000,
                        speed: 1000,
                        vertical: true

                    });
                </script>
                <!-- sub main -->
<!--                <div class="submainwrapSlider" id="m_book">-->
<!--                    <div>-->
<!--                        <div class="subleft1Slider">-->
                            <!-- banner -->
                            <div class="bannerSlider">
                                <div id="sliders" style="overflow: hidden; ">
                                    <ul id="imagenesEnMovimiento" style="left: 0px; width: 2060px; ">
                                        <li><a href=""><img src="/images/home/banner/imagen1.jpg" alt=""/></a></li>
                                        <li><a href=""><img src="/images/home/banner/imagen2.jpg" alt=""/></a></li>
                                        <li><a href=""><img src="/images/home/banner/imagen3.jpg" alt=""/></a></li>
                                    </ul>
                                </div>
<!--                                <p class="btn">
                                    <a href="">
                                        <img src="/images/home/banner/btn_more_banner.gif" alt="more"/>
                                    </a>
                                </p>-->
                                <ul id="mevent" class="ico">
                                    <li onmouseover="slideshow.pos(0)" class="on"></li>
                                    <li onmouseover="slideshow.pos(1)" class="on"></li>
                                    <li onmouseover="slideshow.pos(2)" class="on"></li>
                                </ul>
                                <script type="text/javascript">
                                    var slideshow=new TINY.slider.slide('slideshow',{
                                        id:'sliders',
                                        auto:5,
                                        resume:true,
                                        vertical:false,
                                        navid:'mevent',
                                        activeclass:'on',
                                        position:0
                                    });
                                </script>
                            </div>
                            <!-- banner -->
<!--                        </div>-->
<!--                    </div>-->

               
            <!-- //container -->
<!--            <hr/>-->
        
<!--</div>-->